$(function(){
    //购物车 下滑效果
	$(".cert").hover(function() {
		$('.cert p').stop(true).slideDown("fast");
	}, function() {
		$('.cert p').stop(false, true).delay(200).slideUp("fast");
	});
    //搜索框 事件
    $('.search_text').focus(function(event) {
    	$('.hot_search').stop(true).fadeOut('slow');
    	$('.search input').css({
    		border: '1px solid #FF6700'
    	});
    	$('.select_hot').stop(true).slideDown(20);
    });
    $('.search_text').blur(function(event) {
    	$('.hot_search').stop(false, true).fadeIn('slow');
    	$('.search input').css({
    		border: '1px solid #E0E0E0'
    	});
    	$('.select_hot').stop(false, true).slideUp(20);
    });
    //banner轮播图
    var change_time = setInterval(run,3000);
    var num = 0 ;
    run();
    //定时器执行方法
    function run() {
    	$('.banner li').eq(num).fadeIn("slow").siblings().fadeOut("show");
    	$('.num li').eq(num).css({"background":"#F2F2F3"}).siblings().css({"background":""});
    	if(num == $('.banner li').length-1){
    		num = 0;
    	}else{
    		num++;
    	}
    }
    //鼠标进入特定区域 轮播停止
    $(".banner , .toleft , .toright , .num").mouseover(function(event) {
    	clearInterval(change_time);
    });
    //鼠标离开特定区域 从新轮播
    $(".banner , .toleft , .toright , .num").mouseout(function(event) {
    	change_time = setInterval(run,3000);
    });
    //鼠标点击 小点 切换到对应的banner
    $('.num li').click(function(){
    	//点击取得当前对象中对应的下标
        num = $(this).index();
        run();
    });
    //点击下一张
    $('.toright').click(function(){
        run();
    });
    //点击上一张
    $('.toleft').click(function(){
    	//最后一张是 num=0 显示倒数第二张 $('.banner li').length-2 = 3
    	if(num==0){
    	    num=$('.banner li').length-2;
    	    run();
    	//如果是第一张 num=1  显示最后一张 num=$('.banner li').length-1 =4
    	}else if(num==1){
            num=$('.banner li').length-1;
            run();
    	}else{
    		num-=2;
            run();
    	}
    });
    //多级分类 category
    $('.banner_cate .cate_li').hover(function() {
        $('.banner_cate .banner_cate_son').eq($(this).index()).show();
    }, function() {
    	$('.banner_cate .banner_cate_son').hide();
    });
    //label
    $('.label_a').hover(function() {
    	$('.hot_lable').eq($(this).index()).stop(true).slideDown("fast");
    }, function() {
    	$('.hot_lable').stop(false, true).slideUp("fast");
    });
    //小米明星单品左右滑动效果
    $('.go_left').click(function(){
        $('.mx_show , .tuijian_pro').stop(true).animate({'left': '-1228px'}, 300);
        $('.go_left').css({'color': '#E0E0E0'});
        $('.go_right').css({'color': '#B0B0B0'});
    });
    $('.go_right').click(function(){
        $('.mx_show , .tuijian_pro').stop(false, true).animate({'left': '0px'}, 300);
        $('.go_left').css({'color': '#B0B0B0'});
        $('.go_right').css({'color': '#E0E0E0'});
    });
    //定时滑动
    var run_time = setInterval(slide,5000);
    function slide () {
    	var show_left = $('.mx_show , .tuijian_pro').position().left;
        if(show_left==0){
            $('.mx_show ,.tuijian_pro').stop(true).animate({'left': '-1228px'}, 300);
            $('.go_left').css({'color': '#E0E0E0'});
            $('.go_right').css({'color': '#B0B0B0'});
        }else{
        	$('.mx_show ,.tuijian_pro').stop(false, true).animate({'left': '0px'}, 300);
	        $('.go_left').css({'color': '#B0B0B0'});
	        $('.go_right').css({'color': '#E0E0E0'});
        }
    }
    $('.go_left , .go_right ,.mx_show ,.tuijian_pro').mouseover(function(event) {
    	clearInterval(run_time);    
    });
    $('.go_left , .go_right ,.mx_show ,.tuijian_pro').mouseout(function(event) {
    	run_time = setInterval(slide,5000);   
    });
    //产品展示 悬浮阴影效果
    $('.pro_left a ,.pro_sam li ,.pro_right li ,.hot_com li ,.neirong li ,.vadio li ,.pri li,.img').hover(function() {
    	$(this).stop(true).animate({'top': '-2px'}, 300);
    }, function() {
    	$(this).stop(false, true).animate({'top': '0px'}, 300);
    });
    //产品 展示  评价上移效果
    $('.pro').hover(function() {
    	$(this).children('.pingjia').stop(true).animate({'bottom': '0px'}, 250);
    }, function() {
    	$(this).children('.pingjia').stop(false, true).animate({'bottom': '-75px'}, 250);
    });

    
    ///初始化 圆点状态
    $('.one1').css({'border': '2px solid #FF6C08','backgroundColor': '#fff'});
	var num1 = [0,0,0,0];
	//根据事件产生的值匹配对应的下标I与值K 对指定的元素添加效果
	function appRun(i,k){
		appleft = num1[i]*-296;
		$('.neirong_content').eq(i).stop(true).animate({'left': appleft+"px"},400);
		$('.change').eq(i).children('.a').eq(k).css({'border': '2px solid #FF6C08','backgroundColor': '#fff'
		}).siblings().css({'border': '0px solid #FF6C08','backgroundColor': '#B0B0B0'});
	}
    //通过循环相同样式的个数 与样式下的子集数量 每次执行一次产生事件的函数
	for (var i = 0; i < $('.change').length; i++) {
		for (var k = 0; k < $('.change').eq(i).children('.a').length; k++) {
			appClick(i,k);
		};
	}
    //通过对应事件取得对应的值 传参 执行指定位置的效果函数 
	function appClick(i,k) {
		$('.change').eq(i).children('.a').eq(k).click(function(event) {
			num1[i]=k;
			appRun(i,k);
		});
	}
    //鼠标进出对应的区域 左右切换图标的出现与消失
	$('.neirong li').hover(function() {
		$(this).children('.goto_left').show();
		$(this).children('.goto_right').show();
	}, function() {
		$(this).children('.goto_left').hide();
		$(this).children('.goto_right').hide();
	});
    
    for(var j = 0; j < $('.neirong li').length ; j++ ){
        changeClick(j);
    }

    function changeClick (j) {
    	//上一个
		$('.neirong li').eq(j).children('.goto_left').click( function(event) {
			if(num1[j]!=0){
			 k=--num1[j];
			 appRun(j,k);
			}
	    });
        //下一个
	    $('.neirong li').eq(j).children('.goto_right').click( function(event) {
			if(num1[j]!=$('.neirong li').length-1){
			 k=++num1[j];
			 appRun(j,k);
			}
		});
    }

    //tab 切换
    //执行对应的效果
    function  tab_change (m,n) {
        $('.main_pro_sam').eq(m).children('.pro_sam').eq(n).show().siblings('.pro_sam').hide();
        $('.title_tag').eq(m).children('li').eq(n).css({borderBottom: '2px solid #FF6700'}).siblings('li').css({borderBottom: '0px solid #FF6700'});
        $('.title_tag').eq(m).children('li').eq(n).children('a').css({color: '#FF6700'}).parent('li').siblings('li').children('a').css({color: '#333333'});
    }

    //产生独立事件的方法
    function tab_mouseover (m,n) {
         $('.title_tag').eq(m).children('li').eq(n).mouseover(function(event) {
             tab_change(m,n);
         });
    }
    
    //循环 遍历所有 相同的 title_tag 下对应的 title_tag 让每个独立的 title_tag执行方法 产生独立的事件
    for(var m = 0 ; m < $('.title_tag').length ; m++){
         for(var n = 0 ; n < $('.title_tag').eq(m).children('li').length ; n++){
             tab_mouseover(m,n);
         }
    }


})